<template>
    <div>
        <ul class="mui-table-view">
            <li class="mui-table-view-cell mui-media">
                <a href="javascript:;">
                    <img class="mui-media-object mui-pull-left" src="../../image/happy.jpg">
                    <div class="mui-media-body">
                        幸福:只要一个响指，你们就会灭亡~
                        <p class='mui-ellipsis'>
                            <span>发表时间：2018-05-18 18:18:18</span>
                            <span>点击：0次</span>
                        </p>
                    </div>
                </a>
            </li>
            <li class="mui-table-view-cell mui-media">
                <a href="javascript:;">
                    <img class="mui-media-object mui-pull-left" src="../../image/happy.jpg">
                    <div class="mui-media-body">
                        满足:日出很美，我的Gamora.
                        <p class='mui-ellipsis'>
                            <span>发表时间：2018-05-18 18:18:18</span>
                            <span>点击：0次</span>
                        </p>
                    </div>
                </a>
            </li>
            <li class="mui-table-view-cell mui-media">
                <a href="javascript:;">
                    <img class="mui-media-object mui-pull-left" src="../../image/heart.jpg">
                    <div class="mui-media-body">
                        PLEASE:I lost everything.
                        <p class='mui-ellipsis'>
                            <span>发表时间：2018-05-18 18:18:18</span>
                            <span>点击：0次</span>
                        </p>
                    </div>
                </a>
            </li>

        </ul>
    </div>
</template>

<script>
export default {
    
}
</script>
<style>
    .mui-ellipsis{
        color:#226afa;
        display: flex;
        justify-content: space-between; 
    }
</style>


